<!--
 * @Author: CHINAKAIYUAN<sunkaiyuan@namenode.cn>
 * @Date: 2022-02-03 14:41:20
 * @LastEditTime: 2023-05-08 22:09:19
 * @LastEditors: 孙开源 && sunkaiyuan@namenode.cn
 * @Description:   :gridOps="gridOptions" allocation
-->

<template>
  <sc-VxeTable ref="xGrid" :gridEvts="gridEvents" :tablecode="'market_order_info_detail'"
    :url="api.market.order.details">
  </sc-VxeTable>

  <ProList v-if="dialog.proList" ref="proList" @closed="dialog.proList = false"></ProList>
</template>

<script>
export default {
  name: "market_order_details",
};
</script>

<script setup>
import { ref, nextTick } from "vue";
import api from "@/api";
import ProList from "./proList";
const dialog = ref({
  proList: false,
});
const proList = ref({});
const gridEvents = {
  proList: function ({ button }) {
    dialog.value.proList = true;
    nextTick(() => {
      proList.value.setData({ "pro_plan.order.id": button.selectRecords[0].id });
      proList.value.open("edit");
    });
  },
}

</script>
